<template>
    <div>
       <ul>
         <li v-for="item in list" v-bind:key="item">
           {{ item.cate }}
             <ul>
                 <li v-for="itemson in item.news" v-bind:key="itemson">{{ itemson.title }}</li>
             </ul>
         </li>
       </ul>
     </div>
</template>

<script>
    export default {
        name: "Fst01",
        data() {
            return{
                list:[
                    {
                        cate:"财经",
                        news:[{title:"财经01"},{title:"财经02"},{title:"财经03"}]
                    },
                    {
                        cate:"时事",
                        news:[{title:"时事01"},{title:"时事02"}]
                    },
                    {
                        cate:"旅游",
                        news:[{title:"旅游01"},{title:"旅游02"}]
                    }
                ]
            };
        }
    };
</script>

<style scoped>

</style>